<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/index.js"></script>
	</head>

	<body>

		<header>
			<iframe src="public_page/header.html" frameborder="no" scrolling="no"></iframe>

			<style>

			</style>
			<section style="height: 660px;">
				<div class="left_main fl">
					<div class="title_left">
						<samp>商品分类</samp>
						<samp>　　　</samp>
						<samp>全部分类</samp>
					</div>
					<div class="conss">
						<div class="cons">
							<div class="cons_til">家用电器</div>
							<div class="cons_con">
								<ul>
									<li>大家电</li>
									<li>洗衣机</li>
									<li>平板电视</li>
									<li>电热水器</li>
									<li>家庭音响</li>
									<li>热水器</li>
									<li>空调冰箱</li>
									<li>冷柜</li>
									<li>dvd</li>
									<li>电视附件</li>
									<li>点燃器</li>
									<li>家电下乡</li>
									<li>家电服务</li>
									<li>电饭煲</li>
									<li>摄像机</li>
								</ul>
							</div>
						</div>
						<!--cons  .end-->
						<div class="cons">
							<div class="cons_til">书籍</div>
							<div class="cons_con">
								<ul>
									<li>大家电</li>
									<li>洗衣机</li>
									<li>平板电视</li>
									<li>电热水器</li>
									<li>家庭音响</li>
									<li>热水器</li>
									<li>空调冰箱</li>
									<li>冷柜</li>
									<li>dvd</li>
									<li>电视附件</li>
									<li>点燃器</li>
									<li>家电下乡</li>
									<li>家电服务</li>
									<li>电饭煲</li>
									<li>摄像机</li>
								</ul>
							</div>
						</div>
						<!--cons  .end-->
						<div class="cons">
							<div class="cons_til">手机数码</div>
							<div class="cons_con">
								<ul>
									<li>大家电</li>
									<li>洗衣机</li>
									<li>平板电视</li>
									<li>电热水器</li>
									<li>家庭音响</li>
									<li>热水器</li>
									<li>空调冰箱</li>
									<li>冷柜</li>
									<li>dvd</li>
									<li>电视附件</li>
									<li>点燃器</li>
									<li>家电下乡</li>
									<li>家电服务</li>
									<li>电饭煲</li>
									<li>摄像机</li>
								</ul>
							</div>
						</div>
						<!--cons  .end-->
						<div class="cons">
							<div class="cons_til">日常百货</div>
							<div class="cons_con">
								<ul>
									<li>大家电</li>
									<li>洗衣机</li>
									<li>平板电视</li>
									<li>电热水器</li>
									<li>家庭音响</li>
									<li>热水器</li>
									<li>空调冰箱</li>
									<li>冷柜</li>
									<li>dvd</li>
									<li>电视附件</li>
									<li>点燃器</li>
									<li>家电下乡</li>
									<li>家电服务</li>
									<li>电饭煲</li>
									<li>摄像机</li>
								</ul>
							</div>
						</div>
						<!--cons  .end-->
					</div>
					<!--conss  .end-->
				</div>
				<!--left_main  .end-->
				
				<div class="minddle_main fl">
					<div class="minddle_main_slideshow" id="slideshow">
						<img src="img/ad-01.jpg">
						<div class="minddle_main_slideshow_e">
							<ul>
								<li class="lijh">1</li>
								<li>2</li>
								<li>3</li>
								<li>4</li>
							</ul>
						</div>
					</div>
					<div class="minddle_main_cons">
						<div class="minddle_main_cons_title">
							疯狂抢购<img src="img/list_icon.gif" />
						</div>
						<div class="minddle_main_cons_con">
							<div class="commodity">
								<div class="commodity_img">
									<img src="img/promote-1.jpg" />
								</div>
								<div class="commodity_js">
									惠普商务移动应用英寸笔记本
								</div>
							</div>
							<!--commodity  .end-->
							<div class="commodity">
								<div class="commodity_img">
									<img src="img/promote-2.jpg" />
								</div>
								<div class="commodity_js">
									夏新N6 GPS真人语音导航手机超低特价疯抢数量有限:
								</div>
							</div>
							<!--commodity  .end-->
							<div class="commodity">
								<div class="commodity_img">
									<img src="img/promote-3.jpg" />
								</div>
								<div class="commodity_js">
									三星家庭景绑完HT-TZ325购机送好礼(超值性价比）
								</div>
							</div>
							<!--commodity  .end-->
							<a href="product.html">
							<div class="commodity">
								<div class="commodity_img">
									<img src="img/product_img/gg1.jpg" style="height: 81px;"/>
									
								</div>
								<div class="commodity_js" style="color: #000000;">
									明基MP512投影机289元送 100元京卷SVGA 2200流明
								</div>
								</a>
							</div>
							</a>
							<!--commodity  .end-->
							<div class="commodity">
								<div class="commodity_img">
									<img src="img/mouse.jpg" />
								</div>
								<div class="commodity_js">
									罗技数据1TB移动鼠标729元开抢了!
								</div>
							</div>
							<!--commodity  .end-->
							<div class="commodity">
								<div class="commodity_img">
									<img src="img/earphone.jpg" />
								</div>
								<div class="commodity_js">
									海森那尔极品耳机绝对不容错,过!
								</div>
							</div>
							<!--commodity  .end-->
							<div class="commodity">
								<div class="commodity_img">
									<img src="img/Wancom.jpg" />
								</div>
								<div class="commodity_js">
									亚马逊随时阅读,随时记录,时尚最佳选择!
								</div>
							</div>
							<!--commodity  .end-->
							<div class="commodity">
								<div class="commodity_img">
									<img src="img/Frame.jpg"  />
								</div>
								<div class="commodity_js">
									优雅相框
								</div>
							</div>
							<!--commodity  .end-->
							<div class="commodity">
								<div class="commodity_img">
									<img src="img/notebook.jpg" />
								</div>
								<div class="commodity_js">
									IBM 2009最新上网本,特色尽显
								</div>
							</div>
							<!--commodity  .end-->
						</div>
					</div>
					<!--minddle_main_cons  .end-->
				</div>
				<!--minddle_main  .end-->
				<div class="right_main fl">
					<div class="right_main_1">
						<div class="right_main_1_tile">
							<samp>公布栏</samp>
							<samp>　　　　　</samp>
							<samp>全部分类</samp>
						</div>
						<div class="right_main_1_con">
							<div>
								<img src="img/bag.jpg" />
							</div>
							<div>
								大学要求老师开网店安全锤网上大热销商城竟成网购试衣间2万网上开十家连锁店
							</div>
							<div class="clear"></div>
						</div>

					</div>
					<!--right_main_3  .end-->
					<div class="right_main_2">
						<div class="right_main_2_tile">
							<samp>新品上架</samp>
							<samp>　　　　</samp>
							<samp>全部分类</samp>
						</div>
						<div class="right_main_2_con">
							<div id="zjs">
								<div class="a1">
									<div class="a1_img">
										<img src="img/show1.jpg" />
									</div>
									<div class="a1_con">
										健身狂潮风,修行直选
									</div>
									<div class="clear"></div>
								</div>
								<div class="a1">
									<div class="a1_img">
										<img src="img/show2.jpg" />
									</div>
									<div class="a1_con">
										大牌狂降价,三折直送
									</div>
									<div class="clear"></div>
								</div>
								<div class="a1">
									<div class="a1_img">
										<img src="img/show3.jpg" />
									</div>
									<div class="a1_con">
										大学要求老师开网店
									</div>
									<div class="clear"></div>
								</div>
								<div class="a1">
									<div class="a1_img">
										<img src="img/show4.jpg" />
									</div>
									<div class="a1_con">
										黑眼圈推荐,美白不停
									</div>
									<div class="clear"></div>
								</div>
								<!-------------------------------------------->

								<div class="a1">
									<div class="a1_img">
										<img src="img/show1.jpg" />
									</div>
									<div class="a1_con">
										健身狂潮风,修行直选
									</div>
									<div class="clear"></div>
								</div>
								<div class="a1">
									<div class="a1_img">
										<img src="img/show2.jpg" />
									</div>
									<div class="a1_con">
										大牌狂降价,三折直送
									</div>
									<div class="clear"></div>
								</div>
								<div class="a1">
									<div class="a1_img">
										<img src="img/show3.jpg" />
									</div>
									<div class="a1_con">
										大学要求老师开网店
									</div>
									<div class="clear"></div>
								</div>
								<div class="a1">
									<div class="a1_img">
										<img src="img/show4.jpg" />
									</div>
									<div class="a1_con">
										黑眼圈推荐,美白不停
									</div>
									<div class="clear"></div>
								</div>
								<!---------------------------------------------->
							</div>
						</div>
					</div>
					<!--right_main_2  .end-->
					<div class="right_main_3">
						<div class="right_main_3_tile">
							
                           <div class="tile_1fuzhu" style="cursor: pointer;">
                           	<div class="tile_1">
								笔记本
							</div>
                           </div>
							<div class="" style="cursor: pointer;">
								<div class="tile_2">
									手机充值
								</div>
							</div>
						</div>
						<div style="display: none;" class="right_main_3_con  dn">
								电脑品牌：
								<select name="">
									<option value="－１">请选着</option>
									<option value="戴尔">戴尔</option>
									<option value="惠普">惠普</option>
									<option value="联想">联想</option>
								</select><br /><br />
								价　　格：
								<select name="">
									<option value="－１">请选着</option>
									<option value="戴尔">2000</option>
									<option value="惠普">3000</option>
									<option value="联想">4000</option>
								</select><br />
							　　　　	<img style="display: block;margin: auto 0;cursor: pointer;" src="img/buynow.gif" height="30" />
						</div>
						<div class="right_main_3_con">
							<div class="right_main_3_con_dad">
								<img src="img/tab2.gif" />
							</div>
						</div>
					</div>
					<!--right_main_3  .end-->
				</div>
				<!--right_main  .end-->
			</section>
			<footer>
				<iframe src="public_page/footer.html" frameborder="no" scrolling="no"></iframe>
			</footer>
			<div class="ggDiv ggDiv1">
				<img src="img/list1.jpg" />
				<span class="clo11"><img src="img/close.gif" /></span>
			</div>
			<div class="ggDiv ggDiv2">
				<img src="img/list2.jpg" />
				<span class="clo11"><img src="img/close.gif" /></span>
			</div>
	</body>

</html>
<script>
					//轮播图------------
					var zong = document.getElementsByClassName("right_main_3_tile")[0];
					var cons = document.getElementsByClassName("right_main_3_con");
					var zongZs = zong.children;
						zongZs[0].onclick=function(){
							
							this.className="";
							this.firstElementChild.className="tile_22";
							zongZs[1].className="tile_1fuzhu";
							zongZs[1].firstElementChild.className="tile_11";
							cons[1].style.display="none";
							cons[0].style.display="block";
							//
						}
						zongZs[1].onclick=function(){
							this.className="";
							this.firstElementChild.className="tile_2";
							zongZs[0].className="tile_1fuzhu";
							zongZs[0].firstElementChild.className="tile_1";
							cons[0].style.display="none";
							cons[1].style.display="block";
					   }
</script>